<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset='utf-8' />
    <title>雷达扫描圆</title>
    <!--引用第三方的jQuery脚本库-->
    <script include="jquery" src="./static/libs/include-lib-local.js"></script>
    <!--引用Cesium脚本库文件-->
    <script src="./static/libs/include-cesium-local.js"></script>
    <!--引用示例页面样式表-->
    <link rel="stylesheet" href="./static/demo/cesium/style.css" />
    <script>
        'use script';
        var webGlobe;
        //地图初始化函数
        function init() {
            //构造三维视图类（视图容器div的id，三维视图设置参数）
            webGlobe = new Cesium.WebSceneControl('GlobeView', {
                terrainExaggeration: 1,
            });
            //构造第三方图层对象
            var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
                viewer: webGlobe.viewer
            });
            //加载天地图
            var tdtLayer = thirdPartyLayer.appendTDTuMap({
                //天地图经纬度数据
                url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
                //开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
                token: "9c157e9585486c02edf817d2ecbc7752",
                //地图类型 'vec'矢量 'img'影像 'ter'地形
                ptype: "img"
            });
            //构造地形图层管理类
            var terrain = new CesiumZondy.Layer.TerrainLayer({
                viewer: webGlobe.viewer
            });
            //加载三维地形地图文档（服务地址，配置参数）
            var {
                protocol,
                ip,
                port
            } = window.webclient;
            var terrainlayer = terrain.append(`${protocol}://${ip}:${port}/igs/rest/g3d/terrain`, {});

            //初始化视图功能管理类            
            var sceneManager = new CesiumZondy.Manager.SceneManager({
                viewer: webGlobe.viewer
            });
            //视点跳转
            sceneManager.flyToEx(120.8642, 23.3351, {
                height: 10000, //视角高度
                heading: 35, //方位角
                pitch: -30, //俯仰角
                roll: 0 //翻滚角
            });

            //构造实体绘制控制器对象
            var entityController = new CesiumZondy.Manager.EntityController({
                viewer: webGlobe.viewer
            });
            //添加点实体对象
            var point = entityController.appendPoint(120.9558, 23.4481, 3800, '点', 7, webGlobe.getColor(1, 0, 0, 1), webGlobe.getColor(1, 1, 0, 1), 2);

            //开启深度检测（必须）
            webGlobe.viewer.scene.globe.depthTestAgainstTerrain = true;
            //初始化高级分析功能管理类
            var advancedAnalysisManager = new CesiumZondy.Manager.AdvancedAnalysisManager({
                viewer: webGlobe.viewer
            });
            //创建一个雷达扫描圆对象
            var radarScanEffect = advancedAnalysisManager.createRadarScan(
                //雷达中心点
                Cesium.Cartesian3.fromDegrees(120.9558, 23.4481, 3657),
                //扫描半径
                5000,
                //扫描区域颜色
                new Cesium.Color(255 / 255, 0 / 255, 0 / 255, 1),
                //周期时间,单位毫秒
                8000
            );
            //初始化分析功能管理类
            var analysisManager = new CesiumZondy.Manager.AnalysisManager({
                viewer: webGlobe.viewer
            });
            //添加场景特效-雷达扫描圆
            analysisManager.addSceneEffect(radarScanEffect);
            //移除场景特效-雷达扫描圆
            //analysisManager.removeSceneEffect(radarScanEffect);

            //方式二：添加与移除雷达扫描圆
            //webGlobe.addSceneEffect(radarScanEffect);
            //webGlobe.removeSceneEffect(radarScanEffect);
        }
    </script>
</head>

<body onload="init()">
    <div id="GlobeView"></div>
</body>

</html>